body,html {
	height:100%;
	margin:0;
	padding:0;
}
.container {
	display:flex;
	width:100%;
	height:100%;
}
.menu {
	min-width:80px;
	width:10%;
	max-width:120px;
	background-color:#233E79;
	color:#fff;
	padding: 1%;
	box-sizing:border-box;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	flex-direction: column;
	align-content: center;
	align-items: baseline;
}
.menu-item {
	display: flex;
	padding: 0px;
	margin-top:10px;
	margin-left:5%;
	/* 矩形 2 */
	left:32px;
	top:142px;
	color:#FFFFFF;
	width:90%;
	height:41px;
	border-radius:5px;
	opacity:1;
	background:#233E79;

	align-items: center;
	justify-content: center;

}

.menu-item:hover  {
    background-color:#335192;
    box-shadow:0px 1px 7px 0px rgba(205,205,205,0.3);
}

.menu img {
	width:90%;
	padding-inline:5%;
	margin-bottom:10px;
}
.content {
	width:100%;
	height:100%;
	border:none;
}
